<#assign module="chart"/>

<@override name="header">
<link rel="stylesheet" href="${ctx}/assets/css/datetimepicker.css">

</@override>
<@override name="body">

	<div class="row">
		<div class="col-xs-13">
		<div class="col-md-2">
			<ul class="list-group">
	        	<#--
	        	<li class="list-group-item"><a  href="${ctx}/chart/heatMap">热力图</a></li>
	        	-->
	        	<@daijia>
		        <li class="list-group-item"><a  href="${ctx}/chart/compositive">代驾订单汇总</a></li>
		        </@daijia>
				<@pao>
				<li class="list-group-item"><a  href="${ctx}/chart/paotuiCompositive">跑腿订单汇总</a></li>
				</@pao>
				<@zhuan>
				<li class="list-group-item"><a  href="${ctx}/chart/zhuanCompositive">专车订单汇总</a></li>
				</@zhuan>
				<@freight>
				<li class="list-group-item"><a  href="${ctx}/chart/freightCompositive">货运订单汇总</a></li>
				</@freight>
				<@zhuanxian>
				<li class="list-group-item"><a  href="${ctx}/chart/zhuanxianCompositive">快车订单汇总</a></li>
				</@zhuanxian>
		        <li class="list-group-item"><a  href="${ctx}/chart/orderYearChart">订单统计</a></li>
			    <li class="list-group-item"><a  href="${ctx}/chart/orderType">订单来源统计</a></li>
			    <li class="list-group-item"><a  href="${ctx}/chart/memberOrder1">客户消费统计</a></li>
				<li class="list-group-item"><a  href="${ctx}/chart/tableNewMemberMonth">新增客户统计</a></li>
			    <li class="list-group-item"><a  href="${ctx}/chart/driverOrder">服务人员业绩</a></li>
			    <li class="list-group-item"><a  href="${ctx}/chart/introduce">推荐员工业绩</a></li>
			    <li class="list-group-item"><a  href="${ctx}/chart/infoFee">保险费/信息费</a></li>
			    <@shiro.isMainCompany>
			    <li class="list-group-item"><a  href="${ctx}/chart/companyOrder">公司统计</a></li>
			    </@shiro.isMainCompany>
			    <!-- <li class="list-group-item"><a  href="${ctx}/chart/activity">活动统计</a></li> -->
			    <li class="list-group-item"><a  href="${ctx}/chart/driverTime">服务人员在线时间统计</a></li>
		    </ul>
		</div>
		 
		<div class="col-md-10">
		
			<div role="tabpanel">
				<!-- Nav tabs -->
				<ul class="nav nav-tabs navigation">
					<@daijia>
						<@shiro.hasPermission name='order'>
				    		<li <#if activityTab?? && activityTab=="daijia">class="active"</#if>><a href="#daijiatab" data-toggle="tab">代驾</a></li>
				    	</@shiro.hasPermission>
				    </@daijia>
				    
				    <@zhuan>
					    <@shiro.hasPermission name='zhuan'>
				    		<li <#if activityTab?? && activityTab=="zhuan">class="active"</#if>><a href="#zhuantab" data-toggle="tab">专车</a></li>
				    	</@shiro.hasPermission>
			    	</@zhuan>
				    
				    <@pao>
				    	<@shiro.hasPermission name='errand'>
					    	<li <#if activityTab?? && activityTab=="errand">class="active"</#if>><a href="#errandtab" data-toggle="tab">跑腿</a></li>
				    	</@shiro.hasPermission>
			    	</@pao>
			    	
			    	<@freight>
					    <@shiro.hasPermission name='freight'>
				    		<li <#if activityTab?? && activityTab=="freight">class="active"</#if>><a href="#freighttab" data-toggle="tab">货运</a></li>
				    	</@shiro.hasPermission>
			    	</@freight>
			    	<@zhuanxian>
					    <@shiro.hasPermission name='zhuanxian'>
				    		<li <#if activityTab?? && activityTab=="zhuanxian">class="active"</#if>><a href="#zhuanxiantab" data-toggle="tab">快车</a></li>
				    	</@shiro.hasPermission>
			    	</@zhuanxian>
			    </ul>
			    <!-- Tab panes -->
			    <div class="tab-content">
			    	<@daijia>
					<@shiro.hasPermission name='order'>
				    <div role="tabpanel" class="tab-pane <#if activityTab?? && activityTab=="daijia">active</#if>" id="daijiatab">
				    	<div class="row margin-top">
							<div class="col-xs-12">
								<form class="form-inline" id="SearchForm" method="get">
									<@shiro.isMainCompany>
										<select class="form-control" name="companyId" id="companyId">
											<option value="">全部公司</option>
								  			<#list companys as company>
								  				<option value="${company.id}">${company.abbreviation}</option>
								  			</#list>
							  			</select>
					  				</@shiro.isMainCompany>
							  		
						  			<select class="form-control" name="oeder" id="order">
							  			<option value="">全部用户</option>
										<option value="0">个人用户</option>
										<option value="1">企业用户</option>
						  			</select>
							  			
						  			<select class="form-control" name="companyId" id="grade">
							  			<option value="">全部等级</option>
									  	<#if grades??>
											<#list grades as grade>
												<option value="${grade.id}">${grade.name?if_exists}</option>
											</#list>
										</#if>	
						  			</select>
							  		
							  		<div class="input-group">
										<input id="startTime" type="text" class="form-control" placeholder="开始时间" />
									</div>
									
								  	<div class="form-group">
								  		<input id="endTime" type="text" class="form-control" placeholder="结束时间" />
								    </div>
								    
								    <div class="form-group">
								        <button type="button" id="search_button" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> 查询</button>
								    </div>
								    <div class="form-group">
					      				<button id="daijia_export_button" type="button" class="btn btn-primary"><i class="glyphicon glyphicon-save"></i> 导出</button>
				  					</div>
							    </form>
						    </div>
					    </div>
   									  
						<div class="row margin-top">
							<div class="col-xs-12">
								<div class="table-responsive">
									<div class="panel panel-primary">
									  <table id="daijia" class="table table-hover table-striped">
									  	<thead>
									  		<tr style="font-size:14px;">
									  			<th>客户</th>
									  			<th>所属公司</th>
									  			<th>完成订单数量(单)</th>
									  			<th>完成订单金额(元)</th>
									  		</tr>
									  	</thead>
									  	<tbody>
									  		
									  	</tbody>
									  	
									  </table>
									 
									  <ul id="daijiapage" class="pagination pull-left pagination-sm pageshow">
									  	<li><a></a></li>
									  </ul>
									  <ul id="daijiadata" class="pagination pull-left pagination-sm pagedata">
									  </ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					</@shiro.hasPermission>
					</@daijia>	
			
					<@zhuan>
					<@shiro.hasPermission name='zhuan'>
				    <div role="tabpanel" class="tab-pane <#if activityTab?? && activityTab=="zhuan">active</#if>" id="zhuantab">
				    	<div class="row margin-top">
							<div class="col-xs-12">
								<form class="form-inline" id="SearchForm3" method="get">
									<@shiro.isMainCompany>
										<select class="form-control" name="companyId" id="companyId3">
											<option value="">全部公司</option>
								  			<#list companys as company>
								  				<option value="${company.id}">${company.abbreviation}</option>
								  			</#list>
							  			</select>
					  				</@shiro.isMainCompany>
							  		
						  			<select class="form-control" name="oeder" id="order_zhuan">
							  			<option value="">全部用户</option>
										<option value="0">个人用户</option>
										<option value="1">企业用户</option>
						  			</select>
							  			
						  			<select class="form-control" name="gradeId" id="grade_zhuan">
							  			<option value="">全部等级</option>
									  	<#if grades??>
											<#list grades as grade>
												<option value="${grade.id}">${grade.name?if_exists}</option>
											</#list>
										</#if>	
						  			</select>
							  		<!--zhuan-->	
							  		
							  		<div class="input-group">
										<input id="startTime3" type="text" class="form-control" placeholder="开始时间" />
									</div>
									
								  	<div class="form-group">
								  		<input id="endTime3" type="text" class="form-control" placeholder="结束时间" />
								    </div>
								    
								    <div class="form-group">
								        <button type="button" id="search_button3" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> 查询</button>
								    </div>
								    <div class="form-group">
					      				<button id="zhuan_export_button" type="button" class="btn btn-primary"><i class="glyphicon glyphicon-save"></i> 导出</button>
				  					</div>
							    </form>
						    </div>
					    </div>
			
						<div class="row margin-top">
							<div class="col-xs-12">
								<div class="table-responsive">
									<div class="panel panel-primary">
									  <table id="zhuan" class="table table-hover table-striped">
									  	<thead>
									  		<tr style="font-size:14px;">
									  			<th>客户</th>
									  			<th>所属公司</th>
									  			<th>完成订单数量(单)</th>
									  			<th>完成订单金额(元)</th>
									  		</tr>
									  	</thead>
									  	<tbody>
									  		
									  	</tbody>
									  </table>
									  
									  <ul id="zhuanpage" class="pagination pull-left pagination-sm pageshow3">
									  	<li><a></a></li>
									  </ul>
									  <ul id="zhuan_data" class="pagination pull-left pagination-sm pagedata3">
									  </ul>
   									  
									</div>
								</div>
							</div>
						</div>
				    </div>
				  	</@shiro.hasPermission>
				    </@zhuan>
					<@zhuanxian>
					<@shiro.hasPermission name='zhuanxian'>
				    <div role="tabpanel" class="tab-pane <#if activityTab?? && activityTab=="zhuanxian">active</#if>" id="zhuanxiantab">
				    	<div class="row margin-top">
							<div class="col-xs-12">
								<form class="form-inline" id="zhuanxianSearchForm" method="get">
									<@shiro.isMainCompany>
										<select class="form-control" name="companyId" id="zhuanxiancompanyId">
											<option value="">全部公司</option>
								  			<#list companys as company>
								  				<option value="${company.id}">${company.abbreviation}</option>
								  			</#list>
							  			</select>
					  				</@shiro.isMainCompany>
							  		
						  			<select class="form-control" name="oeder" id="order_zhuanxian">
							  			<option value="">全部用户</option>
										<option value="0">个人用户</option>
										<option value="1">企业用户</option>
						  			</select>
							  			
						  			<select class="form-control" name="gradeId" id="grade_zhuanxian">
							  			<option value="">全部等级</option>
									  	<#if grades??>
											<#list grades as grade>
												<option value="${grade.id}">${grade.name?if_exists}</option>
											</#list>
										</#if>	
						  			</select>
							  		
							  		<div class="input-group">
										<input id="zhuanxianstartTime" type="text" class="form-control" placeholder="开始时间" />
									</div>
									
								  	<div class="form-group">
								  		<input id="zhuanxianendTime" type="text" class="form-control" placeholder="结束时间" />
								    </div>
								    
								    <div class="form-group">
								        <button type="button" id="zhuanxiansearch_button" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> 查询</button>
								    </div>
								    <div class="form-group">
					      				<button id="zhuanxian_export_button" type="button" class="btn btn-primary"><i class="glyphicon glyphicon-save"></i> 导出</button>
				  					</div>
							    </form>
						    </div>
					    </div>
			
						<div class="row margin-top">
							<div class="col-xs-12">
								<div class="table-responsive">
									<div class="panel panel-primary">
									  <table id="zhuanxian" class="table table-hover table-striped">
									  	<thead>
									  		<tr style="font-size:14px;">
									  			<th>客户</th>
									  			<th>所属公司</th>
									  			<th>完成订单数量(单)</th>
									  			<th>完成订单金额(元)</th>
									  		</tr>
									  	</thead>
									  	<tbody>
									  		
									  	</tbody>
									  </table>
									  
									  <ul id="zhuanxianpage" class="pagination pull-left pagination-sm zhuanxianpageshow">
									  	<li><a></a></li>
									  </ul>
									  <ul id="zhuanxian_data" class="pagination pull-left pagination-sm zhuanxianpagedata">
									  </ul>
   									  
									</div>
								</div>
							</div>
						</div>
				    </div>
				  	</@shiro.hasPermission>
				    </@zhuanxian>
				    
				    <@pao>
					<@shiro.hasPermission name='errand'>
				    <div role="tabpanel" class="tab-pane <#if activityTab?? && activityTab=="errand">active</#if>" id="errandtab">
				    	<div class="row margin-top">
							<div class="col-xs-12">
								<form class="form-inline" id="SearchForm4" method="get">
									<@shiro.isMainCompany>
										<select class="form-control" name="companyId" id="companyId4">
											<option value="">全部公司</option>
								  			<#list companys as company>
								  				<option value="${company.id}">${company.abbreviation}</option>
								  			</#list>
							  			</select>
					  				</@shiro.isMainCompany>
							  		
						  			<select class="form-control" name="oeder" id="order_errand">
							  			<option value="">全部用户</option>
										<option value="0">个人用户</option>
										<option value="1">企业用户</option>
						  			</select>
							  			
						  			<select class="form-control" name="gradeId" id="grade_errand">
							  			<option value="">全部等级</option>
									  	<#if grades??>
											<#list grades as grade>
												<option value="${grade.id}">${grade.name?if_exists}</option>
											</#list>
										</#if>	
						  			</select>
						  			
						  			<div class="input-group">
										<input id="startTime4" type="text" class="form-control" placeholder="开始时间" />
									</div>
									
								  	<div class="form-group">
								  		<input id="endTime4" type="text" class="form-control" placeholder="结束时间" />
								    </div>
								    
								    <div class="form-group">
								        <button type="button" id="search_button4" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> 查询</button>
								    </div>
								    <div class="form-group">
					      				<button id="errand_export_button" type="button" class="btn btn-primary"><i class="glyphicon glyphicon-save"></i> 导出</button>
				  					</div>
							    </form>
						    </div>
					    </div>
			
						<div class="row margin-top">
							<div class="col-xs-12">
								<div class="table-responsive">
									<div class="panel panel-primary">
									  <table id="errand" class="table table-hover table-striped">
									  	<thead>
									  		<tr style="font-size:14px;">
									  			<th>客户</th>
									  			<th>所属公司</th>
									  			<th>完成订单数量(单)</th>
									  			<th>完成订单金额(元)</th>
									  		</tr>
									  	</thead>
									  	<tbody>
									  		
									  	</tbody>
									  </table>
									  
									  <ul id="errandpage" class="pagination pull-left pagination-sm pageshow4">
									  	<li><a></a></li>
									  </ul>
									  <ul id="errand_data" class="pagination pull-left pagination-sm pagedata4">
									  </ul>
   									  
									</div>
								</div>
							</div>
						</div>
					</div>
				    </@shiro.hasPermission>
				    </@pao>
				    
				    <@freight>
					<@shiro.hasPermission name='freight'>
				    <div role="tabpanel" class="tab-pane <#if activityTab?? && activityTab=="freight">active</#if>" id="freighttab">
				    	<div class="row margin-top">
							<div class="col-xs-12">
								<form class="form-inline" id="SearchForm5" method="get">
									<@shiro.isMainCompany>
										<select class="form-control" name="companyId" id="companyId5">
											<option value="">全部公司</option>
								  			<#list companys as company>
								  				<option value="${company.id}">${company.abbreviation}</option>
								  			</#list>
							  			</select>
					  				</@shiro.isMainCompany>
							  		
						  			<select class="form-control" name="oeder" id="order_freight">
							  			<option value="">全部用户</option>
										<option value="0">个人用户</option>
										<option value="1">企业用户</option>
						  			</select>
						  			
						  			<select class="form-control" name="gradeId" id="grade_freight">
							  			<option value="">全部等级</option>
									  	<#if grades??>
											<#list grades as grade>
												<option value="${grade.id}">${grade.name?if_exists}</option>
											</#list>
										</#if>	
						  			</select>
						  			
						  			<div class="input-group">
										<input id="startTime5" type="text" class="form-control" placeholder="开始时间" />
									</div>
									
								  	<div class="form-group">
								  		<input id="endTime5" type="text" class="form-control" placeholder="结束时间" />
								    </div>
								    
								    <div class="form-group">
								        <button type="button" id="search_button5" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> 查询</button>
								    </div>
								    <div class="form-group">
					      				<button id="freight_export_button" type="button" class="btn btn-primary"><i class="glyphicon glyphicon-save"></i> 导出</button>
				  					</div>
							    </form>
						    </div>
					    </div>
			
						<div class="row margin-top">
							<div class="col-xs-12">
								<div class="table-responsive">
									<div class="panel panel-primary">
									  <table id="freight" class="table table-hover table-striped">
									  	<thead>
									  		<tr style="font-size:14px;">
									  			<th>客户</th>
									  			<th>所属公司</th>
									  			<th>完成订单数量(单)</th>
									  			<th>完成订单金额(元)</th>
									  		</tr>
									  	</thead>
									  	<tbody>
									  		
									  	</tbody>
									  </table>
									  
									  <ul id="freightpage" class="pagination pull-left pagination-sm pageshow3">
									  	<li><a></a></li>
									  </ul>
									  <ul id="freight_data" class="pagination pull-left pagination-sm pagedata3">
									  </ul>
   									  
									</div>
								</div>
							</div>
						</div>
				    </div>
				  	</@shiro.hasPermission>
				    </@freight>
				    
			    </div>
			</div>
			 
		</div>
		
	</div>
</div>

</@override>


<@override name="footer">
<script>
	window.daijia = {ctx:'${ctx}',totalElements:'${totalElements!0}'};
    var isMain = false;
		<@shiro.isMainCompany>
        isMain = true;
		</@shiro.isMainCompany>
</script>
<script src="${ctx}/assets/js/bootstrap-datetimepicker.min.js"></script>
<script src="${ctx}/assets/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${ctx}/assets/js/jquery.paging.min.js"></script>
<@daijia>
<script src="${ctx}/assets/js/chart/daijiaMemberOrder.js"></script>
</@daijia>
<@zhuan>
<script src="${ctx}/assets/js/chart/zhuanMemberOrder.js"></script>
</@zhuan>
<@pao>
<script src="${ctx}/assets/js/chart/errandMemberOrder.js"></script>
</@pao>
<@freight>
<script src="${ctx}/assets/js/chart/freightMemberOrder.js"></script>
</@freight>
<@zhuanxian>
<script src="${ctx}/assets/js/chart/zhuanxianMemberOrder.js"></script>
</@zhuanxian>
</@override>
<@extends name="../layout.ftl"/>
